<form class="form-horizontal" name="form" ng-submit="$modal.ok()">
  <div class="modal-header bg-primary">
    <h3 class="modal-title">{{{'edit': 'Edit', 'add': 'Create' }[$modal.mode]}} organization</h3>
  </div>
  <div class="modal-body">
    <div class="form-group">
      <label class="col-sm-2 control-label">Name
        <i class="fa fa-asterisk text-danger"></i>
      </label>
      <div class="col-sm-4">
        <input type="text" class="form-control" ng-model="$modal.formData.name" ng-disabled="$modal.formData.id" required placeholder="Organization's name">        
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">Description
        <i class="fa fa-asterisk text-danger"></i>
      </label>
      <div class="col-sm-10">
        <input type="text" class="form-control" ng-model="$modal.formData.description" required placeholder="Organization's description">
      </div>
    </div>    
  </div>
  <div class="modal-footer">
    <button class="btn btn-default pull-left" type="button" ng-click="$modal.cancel()">Cancel</button>
    <span class="btn pull-left"><i class="fa fa-asterisk text-danger"></i>&nbsp;Required field</span>
    <button class="btn btn-primary pull-right" type="submit" ng-disabled="form.$invalid">Save</button>
  </div>
</form>